<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>vimwiki测试 | http://omiga.org/</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="robots" content="all" />
<meta name="author" content="wondger" />
</head>
<body>
<div class="page">

<div class="toc">
<ul>
<li><a href="#toc_1">一级标题(前留空格会居中)</a>
<ul>
<li><a href="#toc_1.1">二级标题</a>
<ul>
<li><a href="#toc_1.1.1">三级标题</a>
</ul>
<li><a href="#toc_1.2">My current task</a>
</ul>
<li><a href="#toc_2">Toggleable list of todo items</a>
</ul>
</div>
<h1 id="toc_1" class="justcenter">一级标题(前留空格会居中)</h1>
<h2 id="toc_1.1">二级标题</h2>
<h3 id="toc_1.1.1">三级标题</h3>
<p>
使用%toc会创建一个目录
</p>
<ul>
<li>
无序列表1

<li>
无序列表2

<li>
无序列表3

<li>
如果vimwiki_camel_case配置项开启，驼峰自动转换为link CamelCaseLink

<li>
驼峰前面加!取消自动转换 CamelCaseLink

</ul>
<p>
<strong>粗体</strong> <em>斜体</em> ~~删除线~~ <code>代码 code</code>
段落间要有空行
</p>
<ol>
<li>
<a href="站内链接.html">站内链接</a>

<li>
<a href="站内链接.html">描述文字</a>

<li>
[[站内链接][这样也可以，貌似不可以]]

</ol>

<ul>
<li>
站外链接，直接写链接 <a href="http://omiga.org/">http://omiga.org/</a>

<li>
邮件 <a href="mailto:wondger@gmail.com">mailto:wondger@gmail.com</a>

<li>
ftp <a href="ftp://vim.org">ftp://vim.org</a>

</ul>

<p>
自定义链接文本
</p>
<ul>
<li>
<a href="http://omiga.org/">omiga's blog</a>

</ul>

<p>
.jpg,.png,.gif会自动创建图片链接
</p>

<p>
本地图片需使用中括号
</p>

<p>
CSS也是可以有的
<img src="http://omiga.org/img//ffbackup.jpg" alt="图片" style="width:100px" />
</p>

<p>
整个有序列表
<dl>
<dt>有序列表</dt>
<dd>有序列表项</dd>
</dl>
</p>

<p>
表格基本上也就是画出来的
<table class='center'>
<tr>
<th>
Year
</th>
<th>
Temperature (low)
</th>
<th>
Temperature (high)
</th>
</tr>
<tr>
<td>
1900
</td>
<td>
-10
</td>
<td>
25
</td>
</tr>
<tr>
<td>
1910
</td>
<td>
-15
</td>
<td>
30
</td>
</tr>
<tr>
<td>
1920
</td>
<td>
-10
</td>
<td>
32
</td>
</tr>
<tr>
<td>
1930
</td>
<td>
<em>N/A</em>
</td>
<td>
<em>N/A</em>
</td>
</tr>
<tr>
<td>
1940
</td>
<td>
-2
</td>
<td>
40
</td>
</tr>
</table>
</p>
 
<p>
 预格式化文本用三个大括号，自动转换<&gt;，可定义属性
</p>
<pre class="js_code">
    &lt;script&gt;
    function show(){
        alert('FML!');
    }  
    &lt;/script&gt;
</pre>

<p>
引用文本以4+空格开始
</p>
<blockquote>
引用文本还是引用文本，
换行了！
</blockquote>
<blockquote>
段落
</blockquote>
    
<p>
注释以两个百分号开始
</p>

<p>
水平线
<hr />
</p>


<h2 id="toc_1.2">My current task</h2>
<ul>
<li class="done0">
Do stuff 1

<ul>
<li class="done0">
Do substuff 1.1

<li class="done0">
Do substuff 1.2

<ul>
<li class="done0">
Do substuff 1.2.1

<li class="done0">
Do substuff 1.2.2

</ul>
<li class="done0">
Do substuff 1.3

</ul>
<li class="done0">
Do stuff 2

<li class="done0">
Do stuff 3

</ul>


<p>
You can have todo lists -- lists of items you can check/uncheck.
</p>

<p>
Consider the following example:
</p>
<h1 id="toc_2">Toggleable list of todo items</h1>
<ul>
<li class="done0">
Toggle list item on/off.

<ul>
<li class="done0">
Simple toggling between [ ] and [X].

<li class="done0">
All list's subitems should be toggled on/off appropriately.

<li class="done0">
Toggle child subitems only if current line is list item

<li class="done0">
Parent list item should be toggled depending on it's child items.

<li class="done0">
Parent list item should be toggled depending on it's child items.

</ul>
<li class="done4">
Make numbered list items toggleable too

<li class="done4">
Add highlighting to list item boxes

<li class="done4">
Add [ ] to the next created with o, O and &lt;CR&gt; list item.

</ul>

<p>
:VimwikiTable创建一个表格
&lt;tab&gt;,&lt;cr&gt;时自动调整格式
</p>
<table>
<tr>
<th>
name
</th>
<th>
age
</th>
<th>
email
</th>
<th>
etc.
</th>
<th>
remark
</th>
</tr>
<tr>
<td>
wondger
</td>
<td>
22
</td>
<td>
<a href="mailto:xxx@mail.com">mailto:xxx@mail.com</a>
</td>
<td>
no
</td>
<td>
no
</td>
</tr>
</table>

</div>
<script type="text/javascript">
//<![CDATA[

//]]>
</script>
</body>
</html>
